<script setup>
import { policyLinks, contactLinks } from '@/utils/mock'

defineProps({
  slogan: {
    type: String,
    default: '想爱爱，就上',
  },
  siteName: {
    type: String,
    default: '有爱爱',
  },
  copyright: {
    type: String,
    default: 'Copyright © 2025 UAA.COM 保留所有权利。',
  },
});
</script>

<template>
  <footer class="foot_box">
    <div class="content_box">
      <ul class="policy_box">
        <li v-for="(item, index) in policyLinks" :key="index">
          <a :href="item.href" rel="nofollow">{{ item.text }}</a>
        </li>
      </ul>

      <div class="slogan_box">
        <img src="/image/logo.webp" alt="Logo" />
        {{ slogan }}<span>{{ siteName }}</span>
      </div>

      <ul class="contact_box">
        <li v-for="(item, index) in contactLinks" :key="index">
          <a :href="item.href" target="_blank" rel="nofollow">
            <img :src="item.icon" :alt="item.text" />
            {{ item.text }}
          </a>
        </li>
      </ul>
    </div>

    <div class="copy_box">
      {{ copyright }}
    </div>
  </footer>
</template>
